<template>
  <div class="limit_main_container">
    <div>
      <img src="@/assets/images/common/applicationLimit.png"
        width="280"
        height="180">
      <p class="title">暂无权限访问该应用</p>
      <p class="text"
        style="padding-top:6px">请联系管理员登录企业微信后台添加</p>
      <p class="text">道一云七巧Plus的可见范围</p>
      <div class="center">
        <el-button type="primary"
          style="width:102px"
          size="small"
          @click="goLoginPage">返回登录页</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'applicationLimit',
  data() {
    return {}
  },
  methods: {
    goLoginPage() {
      this.$router.replace({
        name: 'login'
      })
    }
  },
  mounted() {
    document.title = '暂无权限访问该应用'
  }
}
</script>

<style lang="less">
.limit_main_container {
  user-select: none;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  p {
    text-align: center;
    &.title {
      padding-top: 2px;
      font-size: 16px;
      color: #262626;
      line-height: 24px;
    }
    &.text {
      font-size: 14px;
      color: #8c8c8c;
      line-height: 22px;
    }
  }
  .center {
    display: flex;
    justify-content: center;
    padding-top: 44px;
  }
}
</style>
